$--colors: (
  'primary': (
    'base': #32c2cd,
  ),
  'success': (
    'base': #3177e0,
  ),
  'warning': (
    'base': #ffc54a,
  ),
  'danger': (
    'base': #dd664c,
  ),
  'error': (
    'base': #f56c6c,
  ),
  'info': (
    'base': #909399,
  ),
);

$primary: #32c2cd;
$success: #3177e0;
$warning: #ffc54a;
$danger: #dd664c;
$error: #f56c6c;
$info: #909399;
$black: #000000;
$white: #fff;
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: $--colors
);
@use 'element-plus/theme-chalk/src/index.scss' as *;
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
.el-message {
  min-width: auto;
  background: #fff;
  border-radius: 3px;
  padding: 10px 20px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;

  i.el-message__icon {
    margin-right: 8px;
    font-size: 20px;
  }

  p.el-message__content {
    color: #333639;
  }
}

.el-table {
  width: 100%;

  .el-table__header {
    width: 100%;

    thead tr {
      background: #f6f6f6;
      height: 52px;
      color: #222222;
    }

    th.el-table__cell {
      background: rgb(246, 246, 246);
    }
  }

  table.el-table__body {
    width: 100%;

    tbody {
      tr.el-table__row {
        height: 52px;
      }
    }
  }
}
